<template>
  <div>
    <transition
      name="custom-classes-transition"
      enter-active-class="animated fadeInDown"
      leave-active-class="animated fadeOutUp" >
      <div class="dialog-ctrl-body" v-if="dialogInit" v-show="dialogIsShow">
        <div class="dialog-ctrl">
          <div class="dialog-header">
            <p>{{dialogInit.title}}</p>
          </div>
           <!-- {{dialogInit}} -->
          <div class="dialog-content">
              {{dialogInit.content}}
          </div>
        </div>
      </div>
    </transition>
  </div>

</template>

<script>
    export default {
        name: "msgDialog",
        props:["dialogInit","dialogIsShow"],
        data(){
          return{

          }
        },
        methods:{
        
        }
    }
</script>


